<template>
  <a-select
    ref="select"
    v-model:value="value1"
    style="width: 120px"
    @focus="focus"
    @change="handleChange"
  >
    <a-select-option value="jack">Jack</a-select-option>
    <a-select-option value="lucy">Lucy</a-select-option>
    <a-select-option value="disabled" disabled>Disabled</a-select-option>
    <a-select-option value="Yiminghe">yiminghe</a-select-option>
  </a-select>
</template>
<script setup>
import { ref } from 'vue'
let value1 = ref('lucy')
let focus = () => {
  console.log('focus')
}

let handleChange = value => {
  console.log(`selected ${value}`)
}
</script>
